<div class="content-section">
    <div class="ui-g">
        <div class="ui-g-12 ui-lg-4">
                <i class="fa  left      fa-snowflake-o"></i>

                <br />
                <div class="intro-text">PrimeNG is a collection of rich UI components for Angular 2. PrimeNG is a sibling of the popular JavaServer Faces Component Suite, <a href="https://www.primefaces.org">PrimeFaces</a>.</div>
                <br />
                <div class="intro-text">All widgets are open source and free to use under MIT License.</div>
                <br />
                <div class="intro-text">PrimeNG is developed by <a href="http://www.primetek.com.tr">PrimeTek Informatics</a>, a company with years of expertise in developing open source UI components.
                For project news and updates, follow us on <a href="https://twitter.com/prime_ng">twitter.</a></div>
                <br />

                <div class="ui-g">
                    <div class="ui-g-12">
                        <a [routerLink]="['/setup']" class="intro-btn download-btn">Download</a>
                    </div>
                    <div class="ui-g-12 ui-md-6">
                        <a href="https://github.com/primefaces/primeng" class="intro-btn github-btn">GitHub</a>
                    </div>
                    <div class="ui-g-12 ui-md-6">
                        <a href="#prosupport" class="intro-btn prosupport-btn">PRO Support</a>
                    </div>
                </div>
            </div>

        <div class="ui-g-12 ui-lg-8">
            <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                    <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">PRIMEFACES UI</span>
                <span class="property-text">Derived from the mighty PrimeFaces</span>
            </div>
            <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                    <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">WIDGETS</span>
                <span class="property-text">70+ Components<br />Easy to Use<br />Accessible</span>
            </div>
            <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">PRODUCTIVITY</span>
                <span class="property-text">Simple<br />Lightweight<br />Powerful</span>
            </div>
           <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">MOBILE</span>
                <span class="property-text">Responsive<br />Cross Browser<br />Touch Optimized</span>
            </div>
            <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                  <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">COMMUNITY</span>
                <span class="property-text">Active<br />Vibrant<br />Open Source<br /></span>
            </div>
            <div class="property-box ui-g-12 ui-md-6 ui-lg-4">
                  <i class="fa  left      fa-snowflake-o"></i>
                <span class="property-topic">THEMES</span>
                <span class="property-text">15+ Free Themes<br />Premium Themes<br />Bootstrap Theme<br /></span>
            </div>
        </div>
    </div>
</div>

<div class="content-section whouses">
    <h2>Key Users</h2>
    <p>Open source products of <a href="http://www.primetek.com.tr">PrimeTek</a> are used all around the world by 1M+ developers in corporations, government and educational
        institutions.</p>
    <div class="ui-g">
        <div class="ui-g-3 ui-md-1">    <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1"><i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1"> <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
        <div class="ui-g-3 ui-md-1">  <i class="fa  left      fa-snowflake-o"></i></div>
    </div>
</div>

<div class="content-section">
    <h2>Premium Application Templates for PrimeNG</h2>
    <p class="intro-text" style="margin-bottom:10px">Based on Angular CLI, create awesome applications in no time using the premium templates
        of PrimeNG and impress your users.</p>

    <div class="ui-g">
        <div class="ui-g-12">
            <a href="https://www.primefaces.org/layouts/paradise-ng">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/ultima-ng">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/barcelona-ng">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/morpheus-ng">
                <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/atlantis-ng">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/poseidon-ng">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/layouts/omega-ng">
              <i class="fa  left      fa-arrows" aria-hidden="true"></i>
            </a>
        </div>
    </div>
</div>

<div class="content-section intro-text">
    <h2>News</h2>
    <div class="ui-g">
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.ng-conf.org/">
                <i class="fa  left      fa-snowflake-o"></i>
            </a>
            <p class="intro-text" style="margin-bottom:10px">PrimeNG is a silver sponsor of NG-Conf 2017, 5th-7th April, Salt Lake City.</p>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://angularbeers.org/">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
            <p class="intro-text" style="margin-bottom:10px">PrimeTek will be at AngularBeers Community Days Event in Barcelona to present PrimeNG.</p>
        </div>
        <div class="ui-g-12 ui-md-4">
            <a href="https://www.primefaces.org/primeng-1-1-released/">
              <i class="fa  left      fa-snowflake-o"></i>
            </a>
            <p class="intro-text" style="margin-bottom:10px">A free bootstrap theme for PrimeNG is now available.</p>
        </div>
    </div>

</div>

<div id="prosupport" class="content-section">
    <h2>PrimeNG PRO Support</h2>
    <p class="intro-text" style="margin-bottom:10px">With PrimeNG PRO, it's easy to support, tune and add features to PrimeNG as if it were an in-house framework.</p>
    <p class="intro-text" style="margin-bottom:10px">PrimeNG PRO is a term based commercial support service. With the exclusive services of Pro account,
                    you no longer need to post your questions in the community forum and your issues to community issue tracker.</p>

    <h4>Standard PRO Services</h4>
    <ul>
        <li>Access to pro.primefaces.org</li>
        <li>Response within 1 business day.</li>
        <li>Defect patches.</li>
        <li>Private branch management in case you need.</li>
        <li>Customized builds.</li>
        <li>Unlimited number of cases.</li>
        <li>Remote desktop connection.</li>
        <li>Conference calls for discussions.</li>
        <li>High priority to your issues.</li>
    </ul>

    <h4>New Features (Optional)</h4>

    <p>New feature and enhancement requests are not available in core services and provided via an hour based model instead.  When you have a feature request we provide an estimate, if you confirm we deliver your request within an estimated timeframe and deduct the amount of work from your hours. These requests can be;</p>

    <ul>
        <li>New components.</li>
        <li>New functionality to existing components.</li>
        <li>Changing the way a certain functionality is implemented.</li>
        <li>Accessibility improvements.</li>
        <li>Proof of Concept implementations of a use case.</li>
        <li>Code reviews to offer best practices.</li>
    </ul>

    <p>You can purchase additional hours along with the subscription and also anytime during your subscription period. If your subscription term ends with unused hours, they will be added to your new subscription term in case you extend.</p>

    <div style="text-align:center"><a href="mailto:primeng@primetek.com.tr"><i class="fa  left      fa-snowflake-o"></i></a></div>
</div>
